<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:composite="http://java.sun.com/jsf/composite"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:s="http://www.suricattus.com.br/jsf/ui"
	xmlns:ec="http://www.b2cexpress.com.br/ecommerce"
	xmlns:sf="http://www.suricattus.com.br/jsf/fn">
	
	<composite:interface>	
	
		<composite:attribute name="entidade" required="true"  />
	
    	<composite:attribute name="actionAprovar" required="true" method-signature="void action()"/>
    	
    	<composite:attribute name="actionReprovar" required="true" method-signature="void action()"/>
    	
    	<composite:attribute name="updateComponentes" required="false"/>
    	
    	<composite:attribute name="controleModal" required="true"/>
		
	</composite:interface>	
	
	<composite:implementation>
	
		<p:dialog id="dialogRevendedor" header="#{labels['label.revendedor']}" widgetVar="_dgRevendedor" resizable="false" draggable="true" width="700" height="400" modal="true">
		
		<div class="row-fluid">
		
			<div class="span10 offset1"> 
		
					<h:form id="formValidacaoRevendedor" styleClass="form-horizontal">
							<p:fieldset rendered="#{cc.attrs.entidade.situacaoRevendedor eq 'APROVADO'}">
								<ec:fieldOutput id="planoOut" label="#{labels['label.plano']}">
									<h:outputText value="#{cc.attrs.entidade.plano.descricao}" />
								</ec:fieldOutput>
								<ec:fieldOutput id="tipoVendaOut" label="#{labels['label.tipo.venda']}">
									<h:outputText value="#{cc.attrs.entidade.tipoVenda.descricao}" />
								</ec:fieldOutput>
							</p:fieldset>
						
							<p:fieldset>
							
								<legend>#{labels['label.revendedor']}</legend>
								
								<ec:fieldOutput id="cnpj" label="#{labels['label.cnpj']}">
									<h:outputText value="#{cc.attrs.entidade.cnpj}" />
								</ec:fieldOutput>
								
								<ec:fieldOutput id="inscricaoEstadual" label="#{labels['label.inscricao.estadual']}">
									<h:outputText value="#{cc.attrs.entidade.inscricaoEstadual}" />
								</ec:fieldOutput>
								
								<ec:fieldOutput id="inscricaoMunicipal" label="#{labels['label.inscricao.municipal']}">
									<h:outputText value="#{cc.attrs.entidade.inscricaoMunicipal}" />
								</ec:fieldOutput>
		
								<ec:fieldOutput id="razaoSocial" label="#{labels['label.razao.social']}">
									<h:outputText value="#{cc.attrs.entidade.razaoSocial}" />
								</ec:fieldOutput>
					
								<ec:fieldOutput id="nomeFantasia" label="#{labels['label.nome.fantasia']}">
									<h:outputText value="#{cc.attrs.entidade.nomeFantasia}" />
								</ec:fieldOutput>
								
								<ec:fieldOutput id="observacao" label="#{labels['label.observacao']}">
									<h:outputText value="#{cc.attrs.entidade.observacao}" />
								</ec:fieldOutput>
					
							</p:fieldset>
							
							<fieldset>
								<legend>#{labels['label.endereco']}</legend>
								
								<ec:fieldOutput id="site" label="#{labels['label.site']}">
									<h:outputText value="#{cc.attrs.entidade.site}" />
								</ec:fieldOutput>
								
								<ec:fieldOutput id="cep" label="#{labels['label.cep']}">
									<h:outputText value="#{cc.attrs.entidade.endereco.cep}" />
								</ec:fieldOutput>
								
								<ec:fieldOutput id="uf" label="#{labels['label.uf']}">
									<h:outputText value="#{cc.attrs.entidade.endereco.cidade.uf}" />
								</ec:fieldOutput>
					
								<ec:fieldOutput id="cidade" label="#{labels['label.cidade']}">
									<h:outputText value="#{cc.attrs.entidade.endereco.cidade.nome}" />
								</ec:fieldOutput>
		
								<ec:fieldOutput id="bairro" label="#{labels['label.bairro']}">
									<h:outputText value="#{cc.attrs.entidade.endereco.bairro}" />
								</ec:fieldOutput>
								
								<ec:fieldOutput id="logradouro" label="#{labels['label.logradouro']}">
									<h:outputText value="#{cc.attrs.entidade.endereco.logradouro}" />
								</ec:fieldOutput>
		
								<ec:fieldOutput id="complemento" label="#{labels['label.complemento']}">
									<h:outputText value="#{cc.attrs.entidade.endereco.complemento}" />
								</ec:fieldOutput>
					
								<ec:fieldOutput id="numero" label="#{labels['label.numero']}">
									<h:outputText value="#{cc.attrs.entidade.endereco.numero}" />
								</ec:fieldOutput>
								
						 	</fieldset>
						 	
							<fieldset>
								<legend>#{labels['label.contato']}</legend>
								
								<ec:fieldOutput id="nomeContato" label="#{labels['label.nome']}">
									<h:outputText value="#{cc.attrs.entidade.usuarioRevendedor.nome}" />
								</ec:fieldOutput>
								
								<ec:fieldOutput id="emailContato" label="#{labels['label.email']}">
									<h:outputText value="#{cc.attrs.entidade.usuarioRevendedor.email}"/>
								</ec:fieldOutput>
		
								<ec:fieldOutput id="telefoneContato" label="#{labels['label.telefone']}">
									<h:outputText value="#{cc.attrs.entidade.usuarioRevendedor.telefone}"/>
								</ec:fieldOutput>
								
								<ec:fieldOutput id="telefoneCelularContato" label="#{labels['label.celular']}">
									<h:outputText value="#{cc.attrs.entidade.usuarioRevendedor.celular}"/>
								</ec:fieldOutput>
								
							</fieldset>	 	
							
							<fieldset>
								<legend>#{labels['label.dados.bancarios']}</legend>
								
								<ec:fieldOutput id="banco" label="#{labels['label.banco']}">
									<h:outputText value="#{cc.attrs.entidade.dadosBancarios.banco.descricao}"/>
								</ec:fieldOutput>
								
								<ec:fieldOutput id="agencia" label="#{labels['label.agencia']}">
									<h:outputText value="#{cc.attrs.entidade.dadosBancarios.agencia}"/>
								</ec:fieldOutput>
								
								<ec:fieldOutput id="contaBanco" label="#{labels['label.conta.corrente']}">
									<h:outputText value="#{cc.attrs.entidade.dadosBancarios.contaCorrente}"/>
								</ec:fieldOutput>
								
								<ec:fieldOutput id="tipoVenda" label="#{labels['label.tipo.venda']}">
									<h:outputText value="#{cc.attrs.entidade.tipoVenda.descricao}"/>
								</ec:fieldOutput>

							</fieldset>
							
							<br/>  	
							
							<div class="form-actions" style="text-align:center; padding-left: 0px">
								<div class="help-inline">
									
									<p:commandLink id="aprovarButton" styleClass="btn btn-primary" title="#{labels['botao.aprovar']}" 
											action="#{validarRevendedorController.setControleModal(true)}" onclick="_dgConfirmAprovacao.show(),_dgRevendedor.hide()" 
											rendered="#{cc.attrs.entidade.situacaoRevendedor ne 'APROVADO'}">
			        					<i class=" icon-remove icon-white"></i>
			        					<h:outputText value=" #{labels['botao.aprovar']}" />
			        				</p:commandLink>									
									
									<p:spacer width="10"/>
									
									<p:commandLink id="reprovarButton" styleClass="btn btn-primary" title="#{labels['botao.reprovar']}" 
											action="#{validarRevendedorController.setControleModal(true)}" onclick="_dgConfirmReprovacao.show(),_dgRevendedor.hide()" 
											rendered="#{cc.attrs.entidade.situacaoRevendedor ne 'REPROVADO'}">
			        					<i class=" icon-remove icon-white"></i>
			        					<h:outputText value=" #{labels['botao.reprovar']}" />
			        				</p:commandLink>
			        				
			        				<p:spacer width="10"/>
			        				
									<a onclick="_dgRevendedor.hide()" class="btn btn-primary">
										<i class="icon-remove icon-white"></i>
										<h:outputText value=" #{labels['botao.fechar']}" />
									</a>
									
								</div>
							</div>
							
					</h:form>
				</div>
			</div>
	
		</p:dialog>		
		
		<h:form id="formAprovar" styleClass="form-horizontal">
		        	   
			<p:dialog id="confirmDialog" header="#{labels['confirmacao.operacao']}" severity="alert" widgetVar="_dgConfirmAprovacao" 
					width="560" height="320" modal="true" visible="#{cc.attrs.controleModal}">
			
				<p:outputPanel id="formulario">
					<fieldset>
						<div style="position: relative;">
							<ec:globalMessages autoUpdate="true" />
						</div>
						<legend>#{labels['label.categorizacao.revendedor']}</legend>
					
						<ec:field id="plano" fieldId="planoField" label="#{labels['label.plano']}" required="true">
							<h:selectOneMenu id="planoField" value="#{cc.attrs.entidade.plano}">
								<f:selectItems value="#{utilFactory.listaPlanos}" var="_plano" itemLabel="#{_plano.descricao}" itemValue="#{_plano}" />
							</h:selectOneMenu>				
						</ec:field>
						
						<ec:field id="tipoVenda" fieldId="tipoVendaField" label="#{labels['label.tipo.venda']}" required="true">
							<h:selectOneMenu id="tipoVendaField" value="#{cc.attrs.entidade.tipoVenda}">
								<f:selectItems value="#{utilFactory.listaTipoVenda}" var="_tipoVenda" itemLabel="#{_tipoVenda.descricao}" itemValue="#{_tipoVenda}" />
								<p:ajax process="@this" event="change" global="false" update="opLimiteVenda"/>
							</h:selectOneMenu>				
						</ec:field>
						
						<p:outputPanel id="opLimiteVenda">
							<ec:field id="limiteVenda" fieldId="limiteVendaField" label="#{labels['label.limite.credito']}" required="true" rendered="#{cc.attrs.entidade.tipoVenda eq 'AUTORIZADO' }">
								<p:inputMask id="limiteVendaField" value="#{cc.attrs.entidade.limiteCredito}" styleClass="input-small">
									<s:number integerDigits="12" fractionDigits="2" convertionType="java.lang.Double" />
								</p:inputMask>
							</ec:field>
						</p:outputPanel>
						
					</fieldset>
				</p:outputPanel>
	                  
	            <br/>
	            <div class="form-actions" style="text-align:center; padding-left: 0px">
					<div class="help-inline">
				        <p:commandLink styleClass="btn btn-success" id="confirm" value="#{labels['botao.confirmar']}" 
				        		action="#{cc.attrs.actionAprovar}" process="@form" update="@form #{cc.attrs.updateComponentes}">
							<i class="icon-ok icon-white"></i>
							<h:outputText value=" #{labels['botao.confirmar']}" />
				        </p:commandLink>
				        
				        <p:spacer width="20px"/>
				        
				        <p:commandLink styleClass="btn btn-primary" id="decline" value="#{labels['botao.cancelar']}" 
				        		action="#{validarRevendedorController.setControleModal(false)}" oncomplete="_dgConfirmAprovacao.hide()" 
				        		type="button" immediate="true"/> 
				    </div>
				</div> 
	    	</p:dialog>
    	</h:form>	
    								
		<h:form id="formReprovar" styleClass="form-horizontal">
		        	   
			<p:dialog id="confirmDialog" header="#{labels['confirmacao.operacao']}" severity="alert" widgetVar="_dgConfirmReprovacao" 
					width="560" height="320" modal="true" visible="#{cc.attrs.controleModal}">
			
				<p:outputPanel id="formulario">
					<fieldset>
						<legend>#{labels['label.motivo.reprovacao']}</legend>
					
						<ec:field id="motivoReprovacao" fieldId="motivoReprovacaoField" label="#{labels['label.motivo.reprovacao']}" required="true">
							<p:inputTextarea id="motivoReprovacaoField" rows="5" cols="30" value="#{cc.attrs.entidade.motivoReprovacao}" 
									maxlength="2000" autoResize="false" required="true" styleClass="input-xlarge"/>				
						</ec:field>
					</fieldset>
				</p:outputPanel>
	                  
	            <br/>
	            <div class="form-actions" style="text-align:center; padding-left: 0px">
					<div class="help-inline">
				        <p:commandLink styleClass="btn btn-danger" id="confirm" value="#{labels['botao.confirmar']}" 
				        		action="#{cc.attrs.actionReprovar}" process="@form" update="@form #{cc.attrs.updateComponentes}">
							<i class="icon-ok icon-white"></i>
							<h:outputText value=" #{labels['botao.salvar']}" />
				        </p:commandLink>
				        
				        <p:spacer width="20px"/>
				        
				        <p:commandLink styleClass="btn btn-primary" id="decline" value="#{labels['botao.cancelar']}" 
				        		action="#{validarRevendedorController.setControleModal(false)}" oncomplete="_dgConfirmReprovacao.hide()" 
				        		type="button" immediate="true"/> 
				    </div>
				</div> 
	    	</p:dialog>
    	</h:form>								
	
	</composite:implementation>	
	
</html>